<template>
        <div class="about">
          <h1>我是路由嵌套的子路由</h1>
        </div>
      </template>
      
      <script setup lang="ts">
      import { useRoute, useRouter} from 'vue-router';
        const route = useRoute();
        // const router = useRouter();
        console.log(route,'子跌幅route', route.params)
        // console.log(router,'router')
      
      </script>
      <style>
      @media (min-width: 1024px) {
        .about {
          min-height: 100vh;
          display: flex;
          align-items: center;
        }
      }
      </style>
      